<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="${pageContext.request.contextPath}/assets/lib/bootstrap/css/bootstrap.css" rel="stylesheet" />
    <link href="${pageContext.request.contextPath}/assets/css/style.css" rel="stylesheet" />
</head>
<body>
     <jsp:include page="header.jsp"></jsp:include>
    <!--/#header-->
    <div class="container">
        <!-- 内容部分开始 -->



        <!-- 找回密码模块开始 -->
        <div class="row">
            <div class="col-lg-1"></div>
            <div class="col-lg-10">
                <div class="forgot-title f20 tit-family">找回密码</div>
                <div class="step-icon">
                    <i class="forgot-step icon-step-2 ilb"></i>
                </div>
            </div>
            <div class="col-lg-1"></div>
        </div>
        <!-- 步骤二 -->
        <div class="row p30">
            <div class="col-lg-1"></div>
            <div class="col-lg-10">
                <!-- Nav tabs -->
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#email" data-toggle="tab">邮箱验证</a></li>
                    <li class=""><a href="#phone" data-toggle="tab">手机验证</a></li>
                    <li class=""><a href="#artificial" data-toggle="tab">人工审核</a></li>
                </ul>
                <!-- Tab panes -->
                <div class="tab-content" style="border:1px solid #ddd;border-top:0">
                    <div class="tab-pane fade active in" id="email">
                        <div class="p30 tc">
                            <h5 class="f16 red-font fb">通过密保手机找回密码</h5>
                            <!--<p>您没有填写密保邮箱或者密保邮箱未验证！</p>-->
                            <div class="row p30">
                                <div class="col-lg-4"></div>
                                <div class="col-lg-4">
                                    <form role="form" class="f14">
                                        <div class="form-group">
                                            <label for="username">邮箱</label>
                                            <input type="email" class="form-control" id="username" placeholder="邮箱">
                                        </div>
                                        <button type="submit" class="btn btn-danger btn-block f16">发送邮件</button>
                                    </form>
                                </div>
                                <div class="col-lg-4"></div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="phone">
                        <div class="p30 tc">
                            <h5 class="f16 red-font fb">通过邮箱找回密码</h5>
                            <!--<p>您没有填写密保邮箱或者密保邮箱未验证！</p>-->
                            <div class="row p30">
                                <div class="col-lg-4"></div>
                                <div class="col-lg-4">
                                    <form role="form" class="f14">
                                        <div class="form-group">
                                            <label for="username">手机号</label>
                                            <input type="text" class="form-control" id="username" placeholder="手机号">
                                        </div>
                                        <div class="form-group">
                                            <label for="vcode">验证码</label>
                                            <div class="input-group">
                                                <input type="text" class="form-control" id="vcode" placeholder="验证码">
                                                <span class="input-group-btn" style="padding: 0 2px; cursor: pointer">
                                                    <button type="button" class="btn btn-default">发送验证码</button>
                                                </span>
                                            </div>
                                        </div>
                                        <button type="submit" class="btn btn-danger btn-block f16">下一步</button>
                                    </form>
                                </div>
                                <div class="col-lg-4"></div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="artificial">
                        <div class="p30 tc">
                            <h5 class="f16 red-font fb">联系客服</h5>
                            <!--<p>您没有填写密保邮箱或者密保邮箱未验证！</p>-->
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-1"></div>
        </div>
        <!-- 找回密码模块结束 -->
        
       

        <!-- 内容部分结束 -->
       
      
    </div>
    <jsp:include page="footer.jsp"></jsp:include>
</body>
</html>
